<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    引入外联样式-->
    <link rel="stylesheet" href="css/demo1.css">
    <!--    内嵌样式-->
    <style>
        /*选择器+{样式属性}*/
        /*①基础选择器*/
        /*标签选择器---- 标签名称----对当前页面所有同类标签有效*/
        /*p {*/
        /*    color: green;*/
        /*}*/

        /*h2 {*/
        /*    color: red;*/
        /*}*/

        /*class选择器--- .class的属性值---对当前页面所有同类.class标签有效*/
        /*.p1 {*/
        /*    color: red;*/
        /*}*/

        /*.p3 {*/
        /*    color: blue;*/
        /*}*/

        /*id选择器--- #id的属性值---对当前页面的#id标签有效*/
        /*#pp1 {*/
        /*    font-size: 50px;*/
        /*}*/

        /**通用选择器---- *---对当前页面的所有标签有效*/
        /** {*/
        /*    color: blue;*/
        /*}*/

        /*
        思考1：
        标签选择器，class选择器，id选择器，*通用选择的优先级
        */
        /*p {*/
        /*    color: red;*/
        /*}*/

        /*.p1 {*/
        /*    color: #4ee79b;*/
        /*}*/

        /** {*/
        /*    color: #c017da;*/
        /*}*/

        /*#pp1 {*/
        /*    color: #1e3783;*/
        /*}*/
    </style>
</head>
<body>
<h2>内嵌样式的使用</h2>
<!--<i>倾斜文字</i>-->
<!--<p class="p1" id="pp1">-->
<!--    段落1：HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。-->
<!--    WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。-->
<!--    HTML5 中的一些有趣的新特性：-->
<!--</p>-->
<!--<p class="p1" id="pp2">-->
<!--    段落2：HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。-->
<!--    WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。-->
<!--    HTML5 中的一些有趣的新特性：-->
<!--</p>-->
<!--<p class="p3">-->
<!--    段落3：HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。-->
<!--    WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。-->
<!--    HTML5 中的一些有趣的新特性：-->
<!--</p>-->


<!--行内样式-->
<!--<h2 style="color: #f00;font-size: 60px">标题1</h2>-->
<!--<h2 style="color: green;font-size: 60px">标题2</h2>-->
<!--<h2 style="color: rgb(150, 100, 100);font-size: 60px">标题3</h2>-->
<!--<h2 style="color: rgba(150, 100, 100, 0.5);font-size: 60px">标题4</h2>-->
</body>
</html>
